<!DOCTYPE html>
<html>
<head>
<title>案例详情</title>

<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<link href="../jsp/css/houseDetails.css" rel="stylesheet">
<link rel="stylesheet" href="./css/sm.min.css">
<link rel="stylesheet" href="./css/sm-extend.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
<link href="../css/flickerplate.css" type="text/css" rel="stylesheet">
<script src="../js/jquery-2.1.1.js"></script>
<script src="../jsp/js/newsDetails.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="../js/min/modernizr-custom-v2.7.1.min.js"type="text/javascript"></script>
<script src="../js/min/flickerplate.min.js" type="text/javascript"></script>
<script src="../js/min/hammer-v2.0.3.min.js" type="text/javascript"></script>
<script src="./js/docs.js" type="text/javascript"></script>
<script src="./js/zepto.js" type="text/javascript"></script>
<script src="./js/sm.js" type="text/javascript"></script>
<script src="./js/sm-extend.js" type="text/javascript"></script>
<script src="./js/swiper.js" type="text/javascript"></script>
<script src="../js/swiper-init.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
<script src="../js/common.js"></script>
<style>
body { overflow: scroll;background: #fefefe } 
  table.imagetable {
          font-family: verdana,arial,sans-serif;
          font-size:11px;
          color:#333333;
          border-width: 1px;
          border-color: #999999;
          border-collapse: collapse;
      }
      table.imagetable th {
          background:#b5cfd2 url('cell-blue.jpg');
          border-width: 1px;
          padding: 8px;
          border-style: solid;
          border-color: #999999;
      }
      table.imagetable td {
          background:#dcddc0 url('cell-grey.jpg');
          border-width: 1px;
          padding: 8px;
          border-style: solid;
          border-color: #999999;
      }

</style>
<script type="text/javascript">
window.$$=window.Zepto = Zepto;
(function ($) {
	  $.getUrlParam = function (name) {
	   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
	   var r = window.location.search.substr(1).match(reg);
	   if (r != null) return unescape(r[2]); return null;
	  }
	 })(jQuery);
var id=null;
$(function(){
// 	document.addEventListener('touchmove', this._preventDefault, { passive: false });
	    id= $.getUrlParam('id');
	    newsDetails.load(id);
	})
	
	
	

</script>
  <body>
<!--    <header class="bar bar-nav"> -->
<!--     <a class="button button-link button-nav pull-left" href="#" data-transition='slide-out' onclick="HomeDetail.goback()"> -->
<!--       <span class="icon icon-left" ></span> -->
<!--       返回 -->
<!--     </a> -->
<!--     <h1 class="title">案例详情</h1> -->
<!--   </header> -->
  
 <div class="content-padded">
  <h4 id="title">标题四</h4>
   <h6 id="time">时间</h6>
  <p id="introduce">我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白</p>
</div>
		
		
  </body>
  <script type="text/javascript">
  var nonce="";//生成签名的随机串
  var signature="";//签名
  var timestamp="";//时间戳
  var title="蓝居--定制租住生活";
  var desc="房屋出租托管、租房、除甲醛除异味、保洁家修戳我！";
  var sharLink="http://lanjushiye.com.cn/LanJuPublic/jsp/home.html";
  var imgUrl="http://lanjushiye.com.cn/LanJuPublic/images/lanju.jpg";
  $(document).ready(function(){  
	  var url = encodeURI(location.href.split('#')[0]);
	  $.ajax({
	         url: "../weixinImpl/getEncryptJsapiTicket.spring?rn="+(new Date().getTime()),
	         type: "POST",
	         data:{"url":url},
	         dataType: "json",
	         success: function(data){
	        	 if(data != null){
	        		 nonce=data.nonce;
		             signature=data.signature;
		             timestamp=data.timestamp;
		             loadWx();
	        	 }
	             
	          },
	          error:function(err){
	            console.log('异常');
	          }
	        });
});
  
  function loadWx(){
	  wx.config({
		    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
		    appId: 'wxb3b7beee9190b2ef', // 必填，公众号的唯一标识wxd894029b9bdb4b67
		    timestamp: timestamp, // 必填，生成签名的时间戳
		    nonceStr: nonce, // 必填，生成签名的随机串
		    signature: signature,// 必填，签名
		    jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ'] // 必填，需要使用的JS接口列表
		});
	  wx.ready(function(){
		  //分享到朋友圈
		  wx.onMenuShareTimeline({
			    title: title, // 分享标题
			    link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
			    imgUrl: imgUrl, // 分享图标
			    desc: desc, // 分享描述
			    success: function () {
			    // 用户确认分享后执行的回调函数
				},
			cancel: function () {
			    // 用户取消分享后执行的回调函数
		    }
		});
		  //分享到朋友
		  wx.onMenuShareAppMessage({
			  title: title, // 分享标题
			  desc: desc, // 分享描述
			  link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
			  imgUrl: imgUrl, // 分享图标
			  type: 'link', // 分享类型,music、video或link，不填默认为link
			  dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
			  success: function () {
			  // 用户确认分享后执行的回调函数
			  },
			  cancel: function () {
			  // 用户取消分享后执行的回调函数
			  }
			  });
		  //分享到QQ
		  wx.onMenuShareQQ({
			  title: title, // 分享标题
			  desc: desc, // 分享描述
			  link: sharLink, // 分享链接
			  imgUrl: imgUrl, // 分享图标
			  success: function () {
			  // 用户确认分享后执行的回调函数
			  },
			  cancel: function () {
			  // 用户取消分享后执行的回调函数
			  }
			  });
	  });
	  
	  wx.error(function(res){
		
	  });
	  
}
  
  
  $(function(){
		window.$$=window.Zepto = Zepto;

	});
  </script>
</html>
